<template>
  <v-footer id="dashboard-core-footer" absolute>
    <v-container>
      <v-row align="center" no-gutters>
        <v-col
          v-for="(link, i) in links"
          :key="i"
          class="text-center mb-sm-0 mb-5"
          cols="auto"
        >
          <a
            :href="link.href"
            class="mr-0 grey--text text--darken-3"
            rel="noopener"
            target="_blank"
            v-text="link.text"
          />
        </v-col>

        <v-spacer class="hidden-sm-and-down" />

        <v-col cols="12" md="auto">
          <div class="body-1 font-weight-light pt-6 pt-md-0 text-center">
            <p>
              Copyright &copy;
              <span v-text="nowYear" />
              Vuetify Material Admin
            </p>
          </div>
        </v-col>
      </v-row>
    </v-container>
  </v-footer>
</template>

<script>
export default {
  name: "GlobalCoreFooter",

  data: () => ({
    links: [
      {
        href: "#",
        text: "关于我们",
      },
      {
        href: "#",
        text: "升级日志",
      },
      {
        href: "#",
        text: "许可证",
      },
    ],
  }),
  computed: {
    nowYear() {
      return this.$common.getNowYear();
    },
  },
};
</script>

<style lang="sass">
#dashboard-core-footer
    a
        color: #3c4858
        font-size: .825rem
        font-weight: 500
        text-decoration: none
        text-transform: uppercase
</style>
